﻿<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Kavalan Home</title>

    <!-- ** CSS ** -->
    <!-- base library -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}ext-3.3.1/resources/css/ext-all.css" />
    <link href="{{ STATIC_URL }}css/base.css" rel="stylesheet" type="text/css">

    <!-- overrides to base library -->


    <!-- ** Javascript ** -->
    <!-- ExtJS library: base/adapter -->
    <script type="text/javascript" src="{{ STATIC_URL }}ext-3.3.1/adapter/ext/ext-base.js"></script>
    <!-- ExtJS library: all widgets -->
    <script type="text/javascript" src="{{ STATIC_URL }}ext-3.3.1/ext-all-debug.js"></script>

    <!-- overrides to library -->

    <!-- extensions -->

    <!-- page specific -->

    <script type="text/javascript">
    // Path to the blank image should point to a valid location on your server
    Ext.BLANK_IMAGE_URL = '{{ STATIC_URL }}ext-3.3.1/resources/images/default/s.gif';

    Ext.onReady(function(){
        console.info('woohoo!!!');
        alert("Hello world!");
        console.log("Ext JS setup");


    }); //end onReady
    </script>


</head>


<body>

    <nav>
        <ul>
            <li>Mail</li>
            <li>Calendar</li>
            <li>Inventory</li>
            <li>Order</li>	
        </ul>
        <a>Profile Name</a>
        <img src="{{ STATIC_URL }}img/70679_2410602_5147707_q.jpg">
    </nav>


</body>

</html>
